import { StyleSheet } from 'react-native';
import { colors, sizes } from 'bee/themes';
import { px2dp } from 'bee/utils';

export default StyleSheet.create({
  info: {
    height: px2dp(50),
    textAlign: 'center',
    textAlignVertical: 'center',
    color: colors[1103],
  },
  section: {
    backgroundColor: colors.white,
    marginBottom: px2dp(20),
  },
  pickersView: {
    flexDirection: 'row',
    marginLeft: px2dp(68),
    marginRight: px2dp(68),
    justifyContent: 'space-between',
    marginBottom: px2dp(26),
    marginTop: px2dp(26),
  },
  buttonView: {
    flexDirection: 'row',
    marginTop: px2dp(200),
    // position: 'absolute',
    // bottom: px2dp(200),
  },
  authcodeView: {
    marginLeft: px2dp(65),
    marginTop: px2dp(70),
  },
  addBeneficiary: {
    fontSize: sizes.f1,
    color: colors[1001],
    marginRight: px2dp(65),
  },
  addBeneficiaryView: {
    flexDirection: 'row',
    justifyContent: 'flex-end',
  },
  itemView: {
    minHeight: px2dp(80),
    flexDirection: 'row',
    paddingLeft: px2dp(66),
    paddingRight: px2dp(66),
    borderColor: colors[1104],
    borderBottomWidth: StyleSheet.hairlineWidth,
  },
  itemLabel: {
    fontSize: sizes.f2,
    color: colors[1101],
  },
  radioLabel: {
    marginRight: px2dp(20),
  },
  cardValidView: {
    height: px2dp(120),
  },
  row: {
    flexDirection: 'row',
  },
});
